/* graphic */
#cmenu {
   border: 1px dotted ;
   text-align: center;
   padding: 5px;
   margin: 10px 0px;
}
#cmenu2 {
   text-align: center;
   background-color: #EBF3FA;
   padding: 5px;
}

/* #gbox {
} */

.gbox1{
   overflow: auto;
   width: 184px;
   height: 73px;
   text-align: right;
}
.gbox2{
   overflow: auto;
   width: 184px;
   height: 73px;
   text-align: left;
}
.gbox3{
   overflow: auto;
   width: 184px;
   height: 68px;
   text-align: right;
}
.gbox4{
   overflow: auto;
   width: 184px;
   height: 68px;
   text-align: left;
}
.gbox5{
   overflow: auto;
   width: 184px;
   height: 68px;
   text-align: right;
}
.gbox6{
   overflow: auto;
   width: 184px;
   height: 68px;
   text-align: left;
}
.gbox7{
   overflow: auto;
   width: 184px;
   height: 73px;
   text-align: right;
}
.gbox8{
   overflow: auto;
   width: 184px;
   height: 73px;
   text-align: left;
}

#g1 {
   float: left;
   margin-top: 10px;
   padding: 46px 96px 11px 40px;
   background-image: url(material/graph1.jpg);
   background-position: bottom;
}
#g2 {
   float: left;
   margin-top: 10px;
   padding: 46px 40px 11px 96px;
   background-image: url(material/graph2.jpg);
   background-position: bottom;
}
#g3 {
   clear: left;
   float: left;
   padding: 11px 96px 11px 40px;
   background-image: url(material/graph3.jpg);
}
#g4 {
   float: left;
   padding: 11px 40px 11px 96px;
   background-image: url(material/graph4.jpg);
}
#g5 {
   clear: left;
   float: left;
   padding: 11px 96px 11px 40px;
   background-image: url(material/graph5.jpg);
}
#g6 {
   float: left;
   padding: 11px 40px 11px 96px;
   background-image: url(material/graph6.jpg);
}
#g7 {
   clear: left;
   float: left;
   padding: 11px 96px 46px 40px;
   background-image: url(material/graph7.jpg);
}
#g8 {
   float: left;
   padding: 11px 40px 46px 96px;
   background-image: url(material/graph8.jpg);
}

a.gn:link { font-size: 14px; color: #ACACAC; }
a.gn:visited { font-size: 14px; color: #ACACAC; }
a.gn:hover { font-size: 14px; color: #FFFFFF; background-color: #DBE3EA; }
a.gn:active { font-size: 14px; color: #ACACAC; }

a.gl1:link { font-size: 14px; color: #7F74BB; }
a.gl1:visited { font-size: 14px; color: #7F74BB; }
a.gl1:hover { font-size: 14px; color: #FFFFFF; background-color: #DBE3EA; }
a.gl1:active { font-size: 14px; color: #7F74BB; }

a.gl2:link { font-size: 14px; color: #799FBF; }
a.gl2:visited { font-size: 14px; color: #799FBF; }
a.gl2:hover { font-size: 14px; color: #FFFFFF; background-color: #DBE3EA; }
a.gl2:active { font-size: 14px; color: #799FBF; }

a.gl3:link { font-size: 14px; color: #79CFEF; }
a.gl3:visited { font-size: 14px; color: #79CFEF; }
a.gl3:hover { font-size: 14px; color: #FFFFFF; background-color: #DBE3EA; }
a.gl3:active { font-size: 14px; color: #79CFEF; }

a.gl4:link { font-size: 14px; color: #59AFAF; }
a.gl4:visited { font-size: 14px; color: #59AFAF; }
a.gl4:hover { font-size: 14px; color: #FFFFFF; background-color: #DBE3EA; }
a.gl4:active { font-size: 14px; color: #59AFAF; }

a.gl5:link { font-size: 14px; color: #5B70B8; }
a.gl5:visited { font-size: 14px; color: #5B70B8; }
a.gl5:hover { font-size: 14px; color: #FFFFFF; background-color: #DBE3EA; }
a.gl5:active { font-size: 14px; color: #5B70B8; }

.gform2 {
   width: 635px;
   margin-top: 5px;
   padding: 1px 5px 2px 5px;
   color: #696969;
   font-size: 80%;
   border: 1px solid #DDDDDD;
}
.gform {
   width: 635px;
   padding: 1px 5px 2px 5px;
   color: #3A539D;
   font-size: 80%;
   border: 1px solid #DDDDDD;
}

.mrg { margin-top: 5px; margin-bottom: 10px; }
.gtitle {
   font-size: 154%;
   color: #3A539D;
   font-weight: 600;
}